.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
*{padding: 0;margin: 0;}
li{list-style: none;}
.txh{
	display: flex;

}
.section{
	flex:1;
	.nav{
		.px2rem(height,87);
		.px2rem(line-height,70);
		border-bottom: 1px solid #ccc;
		ul{
			.txh;
			li{
				flex:1;
				text-align: center;
				.px2rem(margin-top,15);
				.px2rem(font-size,30);
				border-right: 1px solid #7e4c81;

			}
			li:nth-child(3){
				border-right:none;
			}
		}
	}
	.active{
		border-bottom:4px solid #7e4c81;
	}
	.menu{
		

		ul{
			 .px2rem(width,603);
			.px2rem(height,380);
			border:1px solid #ccc;
			.px2rem(margin-top,35);
			.px2rem(margin-left,65);
			.px2rem(border-radius,8);
			 li:nth-child(1),li:nth-child(2),li:nth-child(3){
			 	.px2rem(height,70);
			 	.txh;
			 	p{
			 		.px2rem(width,162);
			 		.px2rem(height,50);
			 		background: #e9ecf1;
                    .px2rem(font-size,30);
                    .px2rem(padding-top,20);
                    .px2rem(padding-left,30);
                    sup{
                    	color:red;
                    	.px2rem(padding-left,10);
                    }
			 	}
			 	.one{
			 		.px2rem(width,419);
			 		.px2rem(height,68);
			 		background: #f7f7f7;
			 		border-bottom:1px solid #ccc;
			 		.a{
			 			.px2rem(width,340);
			 		    .px2rem(height,56);
			 	        .px2rem(padding-left,10);
				 		.px2rem(font-size,30);
				 		.px2rem(margin-top,5);
		                .px2rem(margin-left,25);
			 		}
			 	}
			 }
			 li:nth-child(3),li:nth-child(1){

			 	p{
			 		background: #f3f6fb;
			 	}
			 	.one{
			 		background: #fff;
			 	}
			 }
			 
			 li:nth-child(4){
			 	.txh;
			 	.px2rem(height,175);
			 	p{
			 		.px2rem(width,164);
			 		.px2rem(height,155);
			 		background: #e9ecf1;
			 		.px2rem(font-size,30);
                    .px2rem(padding-top,20);
                    .px2rem(padding-left,20);
			 	}
			 	.two{
			 		.px2rem(width,395);
			 		.px2rem(height,155);
			 		background: #f7f7f7;
			 		.px2rem(padding-top,20);
                    .px2rem(padding-left,20);
			 	}
			 	
			 }
  		}
  		ol{
  		   .px2rem(width,603);
			.px2rem(height,380);
			border:1px solid #ccc;
			.px2rem(margin-top,35);
			.px2rem(margin-left,65);
			.px2rem(border-radius,8);
			li:nth-child(1){
				dl{
					.px2rem(height,75);
				background: #c672cc;
				.txh;
				justify-content:space-between;
				dd:nth-child(2){
					.px2rem(font-size,30);
					color:#fff;
					.px2rem(padding-top,20);
				}
				dd:nth-child(3) img{ 
                    .px2rem(width,75);
			        .px2rem(height,75);
				}
				}
				
			}
			li:nth-child(2),li:nth-child(3),li:nth-child(4),li:nth-child(5){
				.px2rem(height,76);
				.txh;
                .left{
                     .px2rem(width,70);
			        .px2rem(height,76);
			        background: #ccc;
			        img{
			        	.px2rem(padding-top,15);
			        	.px2rem(padding-left,15);
			        }
                }
                .right{
                	.px2rem(width,523);
			        .px2rem(height,76);
                	dl{
                		.txh;
                		justify-content:space-between;
                		.px2rem(padding-top,20);
                		dd:nth-child(2){
                			.px2rem(font-size,30);
                		}
                	}
                }
			}	
  		}
  		.c{
	     	.px2rem(width,260);
	     	.px2rem(height,60);
	     	background: #65c3df;
	     	border:none;
	     	.px2rem(border-radius,8);
	     	.px2rem(margin-left,80);
	     	.px2rem(margin-top,30);
	     	.px2rem(font-size,28);
	     	color:#fff;
	     }	
	     .d{
	     	.px2rem(width,260);
	     	.px2rem(height,60);
	     	background: #ff6b6b;
	     	border:none;
	     	.px2rem(border-radius,8);
	     	.px2rem(margin-left,40);
	     	.px2rem(margin-top,30);
	     	.px2rem(font-size,28);
	     	color:#fff;
	     }	
	}

}